﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Tin tức</title>
<link href="css/960_24_col.css" rel="stylesheet" type="text/css"/>
<link href="css/reset.css" rel="stylesheet" type="text/css"/>
<link href="css/tinTucStyle.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>

</head>

<body id="wrapper">
<div class="container_24">
	<div class="grid_24 header" >
		<div class="grid_12">
			<a href="default.html"><img alt="" height="138" src="images/Untitled-1_02-07.gif" width="444" /></a>
		</div>		
		
		<div class="bannerImage grid_12">
			<img src="images/banner-image.png" />
		</div>
	</div>
	<div class="clear"></div>
	<!--end header-->
	
	<div class="grid_7 alpha leftColumn">
	<div class="gradient">
		<div class="menuColumn">
			<div class="trangChu"><a href="default.html">Trang chủ</a></div>
			<div class="menu">
				<ul>
					<li class="menuItem_GioiThieu"><a href="#">Giới thiệu</a></li>
					
						<ul class="subMenuItem subitem_GioiThieu">
							<li><a href="#">Tiểu sử Trần Phú</a></li>
							<li><a href="#">Lịch sử trường THPT Trần Phú</a></li>
							<li><a href="#">Phần thưởng và danh hiệu</a></li>
						</ul>
					
					<li class="menuItem_ToChuc"><a href="#">Tổ chức</a></li>
					
						<ul class="subMenuItem subitem_ToChuc">
							<li><a href="#">Ban giám hiệu</a></li>
							<li><a href="#">Chi bộ</a></li>
							<li><a href="#">Công đoàn</a></li>
							<li><a href="#">Đoàn trường</a></li>
							<li><a href="#">Chi đoàn giáo viên</a></li>
							<li><a href="#">Tổ chuyên môn</a></li>
							<li><a href="#">Giáo viên</a></li>
							<li><a href="#">Học sinh</a></li>
						</ul>
					
					<li class="menuItem_HoSo"><a href="#">Hồ sơ</a></li>
					
						<ul class="subMenuItem subitem_HoSo">
							<li><a href="#">Giáo viên</a></li>
							<li><a href="#">Học sinh</a></li>
						</ul>

					<li class="menuItem_QuanLyDiem"><a href="#">Tra cứu và quản lý điểm</a></li>
					<li class="menuItem_TaiNguyen"><a href="#">Tài nguyên</a></li>
					
						<ul class="subMenuItem subitem_TaiNguyen">
							<li><a href="#">Đề thi tốt nghiệp THPT</a></li>
							<li><a href="#">Phần mềm hỗ trợ giáo viên</a></li>
							<li><a href="#">Phần mềm hỗ trợ học sinh</a></li>
							<li><a href="#">Văn bản</a></li>
						</ul>

					<li class="menuItem_KeHoach"><a href="#">Kế hoạch</a></li>
					
						<ul class="subMenuItem subitem_KeHoach">
							<li><a href="#">Kế hoạch</a></li>
							<li><a href="#">Phân công chuyên môn</a></li>
							<li><a href="#">Lịch công tác tuần</a></li>
							<li><a href="#">Lịch thi</a></li>
							<li><a href="#">Thông báo</a></li>
						</ul>

					<li class="menuItem_LienHe"><a href="#">Liên hệ - Góp ý</a></li>
				</ul>
			</div>
		</div>
		<!--end menu column-->
		
		<div class="login">
			<div class="dangNhapTitle">Đăng nhập</div>
			
			
			<table style="width: 100%" cellpadding="2" cellspacing="2">
				<tr>
					<td style="padding-top:5px;">Username:</td>
					<td><input name="txtUsername" type="text" /></td>
				</tr>
				<tr>
					<td style="padding-top:5px;">Password:</td>
					<td><input name="txtUsername" type="text" /></td>
				</tr>
			</table>
											
			<div class="nhoMatKhau">
				
				<form method="post">
					<input name="ckbNhoMatKhau" type="checkbox" style="width: 21px; float:left; margin-top:0;"/>Nhớ mật khẩu
				</form>
				
			</div>
			
			<div class="buttonLogin">
				
				<form method="post">
					<input name="btnLogin" type="submit" value="" class="buttonLoginbg" style="width:111px; height:30px; border:0;" />
				</form>
				
			</div>
			
			<div class="quenMatKhau-DangKi">
				<span><a href="#">Quên mật khẩu</a></span> |
				<span><a href="#">Đăng kí</a></span>
			</div>
		</div>
		<!--end login field-->
		
		<div class="thongKe">
			<div class="thongKeTitle">Thống kê</div>
			<div class="soLieuThongKe">
				<div class="luotTruyCap">Số lượt truy cập: <span>3200</span> </div>
				<div class="dangOnline">Đang online: <span>300</span> </div>
			</div>
		</div>
		<!--end thống kê-->
	</div>
	</div>
	<!--end left column-->
	
	<div class="grid_17 omega">
	<div class="rightColumn">
		<div class="TinTucSuKien">
			<div class="TinTucTitle">Tin tức - Sự kiện</div>
			<div class="danhSachTin">
				<div class="tin">
					<div class="tieuDe">Lorem ipsum dolor sit amet</div>
					<div class="chiTietTin">Post by Admin 7:00pm</div>
					<div class="hinhDaiDien">						
						<img alt="" height="72" src="images/cloud-icon.gif" width="52" />
					</div>
					<div class="tomTat">
						Integer interdum sem ac magna. Integer in 
						lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a 
						luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit 
						amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, 
						luctus vitae, nisi. Aenean malesuada leo a nunc.
						
						Integer interdum sem ac magna. Integer in 
						lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a 
						luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit 
						amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, 
						luctus vitae, nisi. Aenean malesuada leo a nunc.

						
						<img alt="" height="514" src="images/tinImage.JPG" width="619" />Integer interdum sem ac magna. Integer in 
						lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a 
						luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit 
						amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, 
						luctus vitae, nisi. Aenean malesuada leo a nunc.

						Integer interdum sem ac magna. Integer in 
						lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a 
						luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit 
						amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, 
						luctus vitae, nisi. Aenean malesuada leo a nunc.

					</div>
					<div class="printer"><a href="#">In bài</a></div>
				</div>
				
			</div>
			<!--end tin tức-->
			
			<div class="cacTinKhac">
				<span style="font-weight:bold;">Các tin khác</span>
				<ul>
					<li><a href="#">Integer interdum sem ac magna. Integer in</a></li>
					<li><a href="#">Integer interdum sem ac magna. Integer in</a></li>
					<li><a href="#">Integer interdum sem ac magna. Integer in</a></li>
					<li><a href="#">Integer interdum sem ac magna. Integer in</a></li>					
				</ul>
			</div>
			
		</div>
		<!--end tin tức-->
		
	</div>
	<!--end right column-->

</div>
</body>

</html>
